<template>
  <div class="dy-main prerecordIndex">
    <div class="dy-header">
      <x-header title="开户预录" :left-options="{preventGoBack:true}" @on-click-back="back"></x-header>
    </div>
    <div class="dy-body">
      <group gutter="0.05rem">
        <panel :header="开户须知" :list="info" type="2" class="pannel"></panel>
      </group>
      <group>
        <cell title="预录入" link="PrerecordMain" class="cell">
          <img slot="icon" style="width:.44rem;display:block;margin-right:.28rem;" src="../../assets/img/PreRecord/record.png">
        </cell>
        <cell title="查询" link="PrerecordInquire" class="cell">
          <img slot="icon" style="width:.44rem;display:block;margin-right:.28rem;" src="../../assets/img/PreRecord/inquire.png">
        </cell>
      </group>
    </div>
    <!--<div class="dy-footer"></div>-->
  </div>
</template>
<script>
import { Actionsheet, Toast, Icon, Panel } from 'vux'
export default{
  components: {
    Actionsheet,
    Toast,
    Icon,
    Panel
  },
  data () {
    return {
      info: [{
        title: '开户须知',
        desc: '<p>1、 预录入完成后,请本人携带居民身份证前往我行网点 办理业务。(您可垂询客服热线95382查询身边的网点)</p><p>2、 若多次录入，系统将只保留最新一次记录。</p><p>3、 开户预录入仅支持一类账户的信息预录。</p><p>4、如需办理理财业务，可在网点完成开户后至理财专区进行办理。</p><p>5、开通手机银行及个人网银可享多项费率优惠(具体活动内容以银行公示为准)</p>'
      }]
    }
  },
  methods: {
    back () {
      this.$publicFun.goBack(this)
    }
  }
}
</script>
<style lang="less">
</style>
